<!doctype html>

<html lang="en">

<head>
	<meta charset="utf-8">
	<title>Log In</title>
	<meta name="description" content="form to add new books">
	<link href="style.css" type="text/css" rel="stylesheet" />
	<script src="http://127.0.0.1:7000/views/login.js" defer></script>

	<style>
		#login-container {
			width: 300px;
			display: inline-block;
		}
		#login-container .login-form {
			max-width: 300px;
		}

		#login-container .login-form-forgot {
			float: right;
		}

		#login-container .login-form-button {
			width: 100%;
		}
	</style>
</head>

<body>
	<h1 style="text-align: center;">Log In</h1>
	{{#if msg}}
	<p class="msg" style="max-width: 300px;margin: auto;">{{msg}}</p>
	{{/if}}

	<div style="text-align: center;">
		<div id="login-container"></div>
	</div>
	
	{{!-- <form action="/login" method="post">
		<p>Username:<br /><input type="text" name="user" placeholder="your username" value="{{user}}" autofocus></p>
		<p>Password:<br /><input type="password" name="pass" placeholder="your password" value=""></p>
		<p id="p-submit">

		</p>
	</form>
	<p><a href="/register">register</a></p> --}}


</body>

</html>